$aHeight:50px;
.nav {
    background-color: black;
    display: flex;
    height: 50px;
    position: fixed;
    top: 0;
    z-index: 99;
    .logo {
        min-width: 207px;
        margin-right: 20px;
        background: url('https://www.formyrose.com/themes/fmr2018/images/smalllogo.png');
    }
    .content {
        min-width: 650px;
        margin: 0;
    }
    .user {
        color: #fff;
        min-width: 200px;
        a {
            color: #fff;
            font-size: 12px;
            line-height: 50px;
        }
        .shopcart_num {
            color: red;
        }
    }
    .yes_login,
    .no_login {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        margin-right: 20px;
    }
    .hidden {
        display: none;
    }
}

.navlist {
    width: 100%;
    display: flex;
    li {
        >a {
            display: block;
            padding: 17px 23px;
            text-align: center;
            font: bold 13px "微软雅黑";
            color: #fff;
            height: $aHeight;
            box-sizing: border-box;
            &:hover {
                color: #ccc;
            }
        }
        .nav-sublist {
            background-color: white;
            color: black;
            position: absolute;
            left: 0;
            top: $aHeight;
            border-bottom: 2px solid #074c52;
            padding: 20px 140px;
            width: 100%;
            display: none;
            >li {
                float: left;
                width: 150px;
                padding-right: 24px;
                padding-bottom: 24px;
                h3.mcate-item-hd,
                h4>a {
                    font-weight: bolder;
                    font-size: 14px;
                }
                h3.mcate-item-hd {
                    border-bottom: 1px dashed #666666;
                    padding-bottom: 12px;
                }
                p.mcate-item-bd a {
                    font-size: 12px;
                    color: #666666;
                    white-space: nowrap;
                    &:hover {
                        color: #6c5143;
                        text-decoration: underline;
                    }
                }
                .mcate-item-hd,
                .mcate-item-bd {
                    margin-bottom: 12px;
                }
                img.type-img {
                    width: 500px;
                    height: 230px;
                }
                img.ring-img,
                img.truelove-img {
                    width: 700px;
                    height: 310px;
                    margin-left: 60px;
                }
            }
        }
        .foworld-nav {
            padding: 20px 40px;
            li {
                width: 25%;
                padding: 0;
                a {
                    display: block;
                    width: 100%;
                    height: 300px;
                    color: black;
                    .foworld-img {
                        height: 250px;
                        width: 100%;
                    }
                }
            }
        }
    }
}